<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>


    <link rel="stylesheet" href="../../lib/sui.min.css">
    <link rel="stylesheet" href="../../lib/sui-append.min.css">
    <link rel="stylesheet" href="../../public/iconfont/iconfont.css">
    <link rel="stylesheet" href="../../public/css/style.css">
    <link rel="stylesheet" href="css/style.css">

    <script type="application/javascript" src="../../lib/jquery.min.js"></script>
    <script type="application/javascript" src="../../lib/sui.min.js"></script>
    <script type="application/javascript" src="js/teacher.js"></script>
    <script type="application/javascript" src="js/today.js"></script>
</head>
<body class="page_body">

<div class="header" >
    <div class="header nav-content" style="width: 100%;min-width: 1000px">
        <div class="sui-navbar navbar-inverse">
            <div class="header_navbar-inner navbar-inner">
                <ul class="header_nav sui-nav" style="width: 100%">
                    <li><a href="#"><i class="iconfont">&#xe600</i>首页</a></li>
                    <li><a href="#"><i class="iconfont">&#xe604</i>教育咨询</a></li>
                    <li><a href="#"><i class="iconfont">&#xe602</i>资源中心</a></li>
                    <li><a href="#"><i class="iconfont">&#xe601</i>应用中心</a></li>
                    <li><a href="#"><i class="iconfont">&#xe603</i>个人中心</a></li>

                    <li style="float: right;"><a style="padding-left: 5px" href="#"><i class="iconfont">&#xe606</i></a></li>
                    <li style="float: right;"><a style="padding-left: 5px" href="#"><i class="iconfont">&#xe607</i></a></li>
                    <li style="float: right;"><a style="padding-left: 5px" href="#">姚朝阳</a></li>


                </ul>

            </div>
        </div>
    </div>
    <div class="header nav-slogan"  >
        <img src="../../public/img/header.jpg" >
        <span>电子考勤系统</span>
        <img src="../../public/img/logo.png" style="    width: 50px;display: inline-block;position: absolute;top: calc(50% - 18px);left: 8%;">

    </div>
</div>

<div class="content">
    <div class="frame tabs" style="position:relative;width: 15%;margin-right: 10px; margin-top: 30px">
        <div class="page_tab page_tab_active">
            <p>当日考勤</p></div>
        <div class="page_tab"><p>考勤查询</p></div>
        <div class="page_tab"><p>考勤补录</p></div>
        <div class="page_tab"><p>假条中心</p></div>

        <a class="badge">2</a>
    </div>

    <div class="frame options" style="width: 74%;vertical-align:top">
        <!--当日考勤-->

        <!--<div class="frame notice" style="width: 30%;min-width: 200px">-->
        <!--<div class="frame label class">-->
        <!--<span class="label_dropdown sui-dropdown">-->
        <!--<span class="label_dropdown-inner dropdown-inner">-->
        <!--<a  role="button" data-toggle="dropdown" href="javascript:void(0);" class="label_dropdown-toggle dropdown-toggle">高一(2)班 <i class="label_caret caret" style=""></i></a>-->
        <!--<ul role="menu" aria-labelledby="drop1" class="label_dropdown-menu sui-dropdown-menu">-->
        <!--<li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:void(0);">高一(1)班</a></li>-->
        <!--<li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:void(0);">高一(3)班</a></li>-->
        <!--<li role="presentation" class="active"><a role="menuitem" tabindex="-1" href="javascript:void(0);">高一(2)班</a></li>-->
        <!--</ul>-->
        <!--</span>-->
        <!--</span>-->

        <!--<div style="margin-top:30px;margin-right:21px;float:right">98%</div>-->
        <!--<div style="margin-top:30px;margin-right:1px;float:right">出勤率：</div>-->

        <!--<div style="margin-left:20px;margin-top:30px;float:left;">班级人数：</div>-->
        <!--<div style="margin-left:1px;float:left;margin-top:30px;">50</div>-->

        <!--<div style="margin-right:28px;float:right;color:red">2</div>-->
        <!--<div style="margin-right:1px;float:right;color:red">当日缺勤：</div>-->

        <!--<div style="margin-left:20px;float:left;">当日出勤：</div>-->
        <!--<div style="margin-left:1px;float:left;">48</div>-->

        <!--<div style="margin-right:28px;float:right">0</div>-->
        <!--<div style="margin-right:1px;float:right">早退人数：</div>-->

        <!--<div style="margin-left:20px;float:left">迟到人数：</div>-->
        <!--<div style="margin-left:1px;float:left">2</div>-->

        <!--<div style="margin-right:28px;float:right;color:red">2</div>-->
        <!--<div style="margin-right:1px;float:right;color:red">旷课人数：</div>-->

        <!--<div style="margin-left:20px;float:left">请假人数：</div>-->
        <!--<div style="margin-left:1px;float:left">0</div>-->

        <!--</div>-->

        <!--<div class="frame label_remind label_remind_bottom">-->
        <!--<div class="label_dropdown" style="margin-bottom: 10px">-->
        <!--<a class="label_dropdown-toggle">异常考勤通知栏</a>-->
        <!--</div>-->
        <!--<div style="margin:0 10px">002号&nbsp张三&nbsp8:05分进入校门&nbsp迟到5分钟</div>-->
        <!--<div style="margin:0 10px">027号&nbsp李四&nbsp8:30分进入校门&nbsp迟到30分钟</div>-->
        <!--<div style="margin:0 10px">002号&nbsp王五&nbsp今日旷课</div>-->
        <!--<div style="margin:0 10px">002号&nbsp小小&nbsp今日旷课</div>-->
        <!--</div>-->
        <!--</div>-->

        <!--<div class="frame frame_table" style="width: 70%">-->
            <!--<div class="attend_table_header">-->
                <!--高一（2）班考勤表-->
                <!--<span class="attend_table_header_time">2015年9月8日</span>-->
            <!--</div>-->
            <!--<table class="sui-table table-zebra table-bordered attend_table">-->
                <!--<tbody>-->
                <!--<tr>-->
                    <!--<td>学号</td>-->
                    <!--<td>姓名</td>-->
                    <!--<td colspan="2">8:00-11:30</td>-->
                    <!--<td colspan="2">14:00-17:30</td>-->
                    <!--<td>在校轨迹</td>-->
                <!--</tr>-->
                <!--<tr>-->
                    <!--<td>001</td>-->
                    <!--<td>LS</td>-->
                    <!--<td>出勤</td>-->
                    <!--<td>出勤</td>-->
                    <!--<td>出勤</td>-->
                    <!--<td>出勤</td>-->
                    <!--<td class="attend_table_detail" data-id="1" onclick="tableDetailButtonClicked(event)">详细 <i class="iconfont icon-arrow-down attend_table_detail_arrow"></i></td>-->
                <!--</tr>-->
                <!--<tr data-id="attend_detail_area1" class="table_detail_content_hide">-->
                    <!--<td colspan="7" data-id="attend_detail_content1" class="table_detail_background" style="height: 0; padding: 0; line-height: 0">-->
                        <!--<div style="width: 100%; margin-top: 10px">-->
                            <!--<div style="width:50%;border-right: 1px solid #5396F1;position: relative">-->
                                <!--<div style="width: 12px;height: 12px;border-radius: 6px;background-color: #5396F1;right: -6px;position: absolute"></div>-->
                                <!--<p style="margin: 0">-->
                                    <!--<span style="float: right; margin-right: 20px; margin-top: -3px">7:45</span>-->
                                    <!--<span style="float: right; margin-right: 21px;margin-top: -3px">进入校门，正常出行。</span>-->
                                <!--</p>-->
                                <!--<div style="clear: both;"></div>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div style="width: 100%">-->
                            <!--<div style="width: calc(50% - 1px);border-left: 1px solid #5396F1;margin-left: 50%;height: 18px">-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div style="width: 100%">-->
                            <!--<div style="width:50%;border-right: 1px solid #5396F1;position: relative">-->
                                <!--<p style="margin: 0">-->
                                    <!--<span style="float: right; width: 10px;height: 9px;border-bottom: 1px solid #5396F1"></span>-->
                                    <!--<span style="float: right; margin-right: 11px;">7:45</span>-->
                                    <!--<span style="float: right; margin-right: 21px;">进入校门，正常出行。</span>-->
                                <!--</p>-->
                                <!--<div style="clear: both"></div>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div style="width: 100%">-->
                            <!--<div style="width: calc(50% - 1px);border-left: 1px solid #5396F1;margin-left: 50%">-->
                                <!--<p style="margin: 0">-->
                                    <!--<span style="float:left;width: 10px;height: 9px; border-bottom: 1px solid #5396F1"></span>-->
                                    <!--<span style="float: left; margin-left: 11px">8:45</span>-->
                                    <!--<span style="float: left;margin-left: 21px">离开高一二班教室。</span>-->
                                <!--</p>-->
                                <!--<div style="clear: both"></div>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div style="width: 100%">-->
                            <!--<div style="width:50%;border-right: 1px solid #5396F1;position: relative">-->
                                <!--<p style="margin: 0">-->
                                    <!--<span style="float: right; width: 10px;height: 9px;border-bottom: 1px solid #5396F1"></span>-->
                                    <!--<span style="float: right; margin-right: 11px;">7:45</span>-->
                                    <!--<span style="float: right; margin-right: 21px;">进入校门，正常出行。</span>-->
                                <!--</p>-->
                                <!--<div style="clear: both"></div>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div style="width: 100%">-->
                            <!--<div style="width: calc(50% - 1px);border-left: 1px solid #5396F1;margin-left: 50%">-->
                                <!--<p style="margin: 0">-->
                                    <!--<span style="float:left;width: 10px;height: 9px; border-bottom: 1px solid #5396F1"></span>-->
                                    <!--<span style="float: left; margin-left: 11px">8:45</span>-->
                                    <!--<span style="float: left;margin-left: 21px">离开高一二班教室。</span>-->
                                <!--</p>-->
                                <!--<div style="clear: both"></div>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div style="width: 100%">-->
                            <!--<div style="width: 50%;border-right: 1px solid #5396F1;margin-right: 50%;height: 18px">-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div style="width: 100%; margin-bottom: 15px">-->
                            <!--<div style="width: calc(50% - 1px);border-left: 1px solid #5396F1;margin-left: 50%;position: relative">-->
                                <!--<div style="width: 12px;height: 12px;border-radius: 6px;background-color: #5396F1;bottom:0;left: -6px;position: absolute"></div>-->
                                <!--<p style="margin: 0">-->
                                    <!--<span style="float: left; margin-left: 20px;margin-bottom: -3px;">8:45</span>-->
                                    <!--<span style="float: left;margin-left: 21px;margin-bottom: -3px">离开高一二班教室。</span>-->
                                <!--</p>-->
                                <!--<div style="clear: both"></div>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</td>-->
                <!--</tr>-->
                <!--<tr style="display: none"></tr>-->
                <!--<tr>-->
                    <!--<td>001</td>-->
                    <!--<td>LS</td>-->
                    <!--<td>出勤</td>-->
                    <!--<td>出勤</td>-->
                    <!--<td>出勤</td>-->
                    <!--<td>出勤</td>-->
                    <!--<td class="attend_table_detail" data-id="2" onclick="tableDetailButtonClicked(event)">详细 <i class="iconfont icon-arrow-down attend_table_detail_arrow"></i></td>-->
                <!--</tr>-->
                <!--<tr data-id="attend_detail_area2" class="table_detail_content_hide">-->
                    <!--<td colspan="7" data-id="attend_detail_content2" class="table_detail_background" style="height: 0; padding: 0; line-height: 0">-->
                        <!--<div style="width: 100%; margin-top: 10px">-->
                            <!--<div style="width:50%;border-right: 1px solid #5396F1;position: relative">-->
                                <!--<div style="width: 12px;height: 12px;border-radius: 6px;background-color: #5396F1;right: -6px;position: absolute"></div>-->
                                <!--<p style="margin: 0">-->
                                    <!--<span style="float: right; margin-right: 20px; margin-top: -3px">7:45</span>-->
                                    <!--<span style="float: right; margin-right: 21px;margin-top: -3px">进入校门，正常出行。</span>-->
                                <!--</p>-->
                                <!--<div style="clear: both;"></div>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div style="width: 100%">-->
                            <!--<div style="width: calc(50% - 1px);border-left: 1px solid #5396F1;margin-left: 50%;height: 18px">-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div style="width: 100%">-->
                            <!--<div style="width:50%;border-right: 1px solid #5396F1;position: relative">-->
                                <!--<p style="margin: 0">-->
                                    <!--<span style="float: right; width: 10px;height: 9px;border-bottom: 1px solid #5396F1"></span>-->
                                    <!--<span style="float: right; margin-right: 11px;">7:45</span>-->
                                    <!--<span style="float: right; margin-right: 21px;">进入校门，正常出行。</span>-->
                                <!--</p>-->
                                <!--<div style="clear: both"></div>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div style="width: 100%">-->
                            <!--<div style="width: calc(50% - 1px);border-left: 1px solid #5396F1;margin-left: 50%">-->
                                <!--<p style="margin: 0">-->
                                    <!--<span style="float:left;width: 10px;height: 9px; border-bottom: 1px solid #5396F1"></span>-->
                                    <!--<span style="float: left; margin-left: 11px">8:45</span>-->
                                    <!--<span style="float: left;margin-left: 21px">离开高一二班教室。</span>-->
                                <!--</p>-->
                                <!--<div style="clear: both"></div>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div style="width: 100%">-->
                            <!--<div style="width:50%;border-right: 1px solid #5396F1;position: relative">-->
                                <!--<p style="margin: 0">-->
                                    <!--<span style="float: right; width: 10px;height: 9px;border-bottom: 1px solid #5396F1"></span>-->
                                    <!--<span style="float: right; margin-right: 11px;">7:45</span>-->
                                    <!--<span style="float: right; margin-right: 21px;">进入校门，正常出行。</span>-->
                                <!--</p>-->
                                <!--<div style="clear: both"></div>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div style="width: 100%">-->
                            <!--<div style="width: calc(50% - 1px);border-left: 1px solid #5396F1;margin-left: 50%">-->
                                <!--<p style="margin: 0">-->
                                    <!--<span style="float:left;width: 10px;height: 9px; border-bottom: 1px solid #5396F1"></span>-->
                                    <!--<span style="float: left; margin-left: 11px">8:45</span>-->
                                    <!--<span style="float: left;margin-left: 21px">离开高一二班教室。</span>-->
                                <!--</p>-->
                                <!--<div style="clear: both"></div>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div style="width: 100%">-->
                            <!--<div style="width: 50%;border-right: 1px solid #5396F1;margin-right: 50%;height: 18px">-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div style="width: 100%; margin-bottom: 15px">-->
                            <!--<div style="width: calc(50% - 1px);border-left: 1px solid #5396F1;margin-left: 50%;position: relative">-->
                                <!--<div style="width: 12px;height: 12px;border-radius: 6px;background-color: #5396F1;bottom:0;left: -6px;position: absolute"></div>-->
                                <!--<p style="margin: 0">-->
                                    <!--<span style="float: left; margin-left: 20px;margin-bottom: -3px;">8:45</span>-->
                                    <!--<span style="float: left;margin-left: 21px;margin-bottom: -3px">离开高一二班教室。</span>-->
                                <!--</p>-->
                                <!--<div style="clear: both"></div>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</td>-->
                <!--</tr>-->
                <!--<tr style="display: none"></tr>-->
                <!--</tbody>-->
            <!--</table>-->
        <!--</div>-->


        <!--假条中心-->

        <!--<div class="frame striplist" style="width:100%;">-->

            <!--<p class=" title">今日假条</p>-->

            <!--<div data-toggle="modal" data-target="#stripChecking" data-keyboard="false" class="chip unchecked"><span-->
                    <!--class="content">张三于上午6:00递交了一份请假条</span><span class="status">未审核</span></div>-->
            <!--<div data-toggle="modal" data-target="#stripChecking" data-keyboard="false" class="chip unchecked"><span-->
                    <!--class="content">张三于上午6:00递交了一份请假条</span><span class="status">未审核</span></div>-->

            <!--<p class=" title">历史假条</p>-->

            <!--<div class="date">11.3</div>-->
            <!--<div class="chip checked"><span class="content">张三于上午6:00递交了一份请假条</span><span class="status">已审核</span>-->
            <!--</div>-->
            <!--<p class="date">11.2</p>-->

            <!--<div class="chip checked"><span class="content">张三于上午6:00递交了一份请假条</span><span class="status">已审核</span>-->
            <!--</div>-->
            <!--<p class="date">11.1</p>-->

            <!--<div class="chip checked"><span class="content">张三于上午6:00递交了一份请假条</span><span class="status">已审核</span>-->
            <!--</div>-->

            <!--<div class="sui-pagination pagination-small" style="margin-left: 40px">-->
                <!--<ul>-->
                    <!--<li class="prev disabled"><a href="#">«上一页</a></li>-->
                    <!--<li class="active"><a href="#">1</a></li>-->
                    <!--<li><a href="#">2</a></li>-->
                    <!--<li><a href="#">3</a></li>-->
                    <!--<li><a href="#">4</a></li>-->
                    <!--<li><a href="#">5</a></li>-->
                    <!--<li class="dotted"><span>...</span></li>-->
                    <!--<li class="next"><a href="#">下一页»</a></li>-->
                <!--</ul>-->
                <!--<div><span>共10页&nbsp;</span><span>-->
                <!--到-->
                <!--<input type="text" class="page-num"><button class="page-confirm" onclick="alert(1)">确定</button>-->
                <!--页</span></div>-->
            <!--</div>-->
        <!--</div>-->


        <!--搜索表格-->
        <!--<div class="frame search_table">

            <div class="teacher_search_div">
                <div style="width: 300px;float: left">
                    <form class="sui-form form-horizontal">
                        <div data-toggle="datepicker" class="control-group input-daterange">
                            <label class="control-label teacher_control_label_div">日期</label>
                            <div class="controls">
                                <input type="text" class="input-medium input-date"><span>至</span>

                                <input type="text" class="input-medium input-date">
                            </div>
                        </div>
                    </form>
                </div>
                <span>状态</span>
                <span class="sui-dropdown dropdown-bordered" style="margin-right: 10px">
                    <span class="dropdown-inner">
                    <a role="button" data-toggle="dropdown" class="dropdown-toggle">
                        <i class="caret"></i>全部
                    </a>
                    <ul role="menu" class="sui-dropdown-menu">
                        <li>全部</li>
                        <li>出勤</li>
                        <li>迟到</li>
                        <li>早退</li>
                        <li>请假</li>
                        <li>旷课</li>
                    </ul>
                </span>
                </span>
                <span>学号</span>
                <input type="text" class="input-fat" style="height: 18px;width: 71px;margin-right: 10px">
                <span>姓名</span>
                <input type="text" class="input-fat" style="height: 18px;width: 71px">
                <a class="sui-btn btn-primary teacher_search_btn">查询</a>
            </div>

            <div class="teacher_search_table_div" >
                <table class="sui-table table-zebra table-bordered attend_table">
                    <thead>
                    <tr>
                        <th>学号</th>
                        <th>姓名</th>
                        <th>应到</th>
                        <th>实到</th>
                        <th>迟到</th>
                        <th>早退</th>
                        <th>旷课</th>
                        <th>请假</th>
                        <th>出勤率</th>
                        <th>详情</th>
                    </tr>
                    <tbody>
                    <tr>
                        <td>001</td>
                        <td>张三</td>
                        <td>5</td>
                        <td>4</td>
                        <td>0</td>
                        <td>0</td>
                        <td>1</td>
                        <td>0</td>
                        <td>80%</td>
                        <td class="attend_search_detail" id="detail" onclick="tableDetailButtonClicked(event)">详细 <i class="iconfont attend_search_detail_arrow">
                            &#xe600;</i></td>
                    </tr>
                    <tr>
                        <td>002</td>
                        <td>李四</td>
                        <td>5</td>
                        <td>5</td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                        <td>100%</td>
                        <td class="attend_search_detail" id="detail2">详细 <i class="iconfont attend_search_detail_arrow">
                            &#xe600;</i></td>
                    </tr>
                    </tbody>
                </table>
            </div>

        </div>-->

        <div class="frame recording_table">
            <div class="recording_time_div">
                <div style="width: 170px;float: left">
                    <form class="sui-form form-horizontal">
                        <div data-toggle="datepicker" class="control-group input-daterange">
                            <label class="control-label recording_time_label_div">日期</label>
                            <div class="controls">
                                <input type="text" class="input-medium input-date">
                            </div>
                        </div>
                    </form>
                </div>
                <span>状态</span>
                <span class="sui-dropdown dropdown-bordered" style="margin-right: 10px">
                    <span class="dropdown-inner">
                    <a role="button" data-toggle="dropdown" class="dropdown-toggle">
                        <i class="caret"></i>全部
                    </a>
                    <ul role="menu" class="sui-dropdown-menu">
                        <li>全部</li>
                        <li>出勤</li>
                        <li>迟到</li>
                        <li>早退</li>
                        <li>请假</li>
                        <li>旷课</li>
                    </ul>
                </span>
                </span>
                <span>学号</span>
                <input type="text" class="input-fat" style="height: 18px;width: 75px;margin-right: 10px">
                <span>姓名</span>
                <input type="text" class="input-fat" style="height: 18px;width: 75px">
                <a class="sui-btn btn-primary recording_search_btn">查询</a>
            </div>
            <div id="edit" style="max-width: 700px">
            <div style="width: 100%;" id="edit_before"><a class="sui-btn btn-primary recording_edit_btn" onclick="editButtonClicked(event)">编辑</a></div>

            <div style="width: 100%;" id="edit_after" hidden>
                <a class="sui-btn btn-primary recording_edit_btn" onclick="cancelButtonClicked(event)">取消</a>
                <a class="sui-btn btn-primary recording_edit_btn" onclick="saveButtonClicked(event)">保存</a>
            </div>
            </div>

            <div class="recording_table_div">
                <div class="teacher_search_table_div" >
                    <table class="sui-table table-zebra table-bordered attend_table">
                        <tbody>
                        <tr>
                            <td>学号</td>
                            <td>姓名</td>
                            <td colspan="2">8:00-11:30</td>
                            <td colspan="2">14:00-17:30</td>
                        </tr>
                        <tr>
                            <td>034</td>
                            <td>王五</td>
                            <td class="attend_search_detail">
                                <span class="sui-dropdown dropdown-bordered select recording_select_div">
                                    <span class="dropdown-inner unClick" style="border: none">
                                        <a role="button" data-toggle="dropdown" class="dropdown-toggle unClick">
                                            <input name="infoemation" type="hidden"><i class="caret table_select_hide table_select"></i>
                                            <span>迟到</span>
                                        </a>
                                        <ul role="menu" aria-labelledby="drop4" class="sui-dropdown-menu table_select_hide table_select">
                                            <li role="presentation"><a role="menuitem">出勤</a></li>
                                            <li role="presentation"><a role="menuitem">迟到</a> </li>
                                            <li role="presentation"><a role="menuitem">旷课</a> </li>
                                            <li role="presentation"><a role="menuitem">请假</a> </li>
                                        </ul>

                                    </span>
                                </span>
                            </td>
                            <td class="attend_search_detail">
                                <span class="sui-dropdown dropdown-bordered select recording_select_div">
                                    <span class="dropdown-inner" style="border: none">
                                        <a role="button" data-toggle="dropdown" class="dropdown-toggle">
                                            <input name="infoemation" type="hidden"><i class="caret table_select_hide table_select"></i>
                                            <span>出勤</span>
                                        </a>
                                        <ul role="menu" aria-labelledby="drop4" class="sui-dropdown-menu table_select_hide table_select">
                                            <li role="presentation"><a role="menuitem" value="CQ">出勤</a></li>
                                            <li role="presentation"><a role="menuitem" value="CD">迟到</a> </li>
                                            <li role="presentation"><a role="menuitem" value="CD">旷课</a> </li>
                                            <li role="presentation"><a role="menuitem" value="CD">请假</a> </li>
                                        </ul>

                                    </span>
                                </span>
                            </td>
                            <td class="attend_search_detail">
                                <span class="sui-dropdown dropdown-bordered select recording_select_div">
                                    <span class="dropdown-inner" style="border: none">
                                        <a role="button" data-toggle="dropdown" class="dropdown-toggle">
                                            <input name="infoemation" type="hidden"><i class="caret table_select_hide table_select"></i>
                                            <span>出勤</span>
                                        </a>
                                        <ul role="menu" aria-labelledby="drop4" class="sui-dropdown-menu table_select_hide table_select">
                                            <li role="presentation"><a role="menuitem">出勤</a></li>
                                            <li role="presentation"><a role="menuitem">迟到</a> </li>
                                            <li role="presentation"><a role="menuitem">旷课</a> </li>
                                            <li role="presentation"><a role="menuitem">请假</a> </li>
                                        </ul>

                                    </span>
                                </span>
                            </td>
                            <td class="attend_search_detail">
                                <span class="sui-dropdown dropdown-bordered select recording_select_div">
                                    <span class="dropdown-inner" style="border: none">
                                        <a role="button" data-toggle="dropdown" class="dropdown-toggle">
                                            <input name="infoemation" type="hidden"><i class="caret table_select_hide table_select"></i>
                                            <span>出勤</span>
                                        </a>
                                        <ul role="menu" aria-labelledby="drop4" class="sui-dropdown-menu table_select table_select_hide">
                                            <li role="presentation"><a role="menuitem">出勤</a></li>
                                            <li role="presentation"><a role="menuitem">迟到</a> </li>
                                            <li role="presentation"><a role="menuitem">旷课</a> </li>
                                            <li role="presentation"><a role="menuitem">请假</a> </li>
                                        </ul>

                                    </span>
                                </span>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>

        </div>

    </div>

</div>


<div id="stripChecking" tabindex="-1" role="dialog" data-hasfoot="false" class="sui-modal hide fade strip">
    <div class="modal-dialog">
        <div class="modal-content">
            <button type="button" data-dismiss="modal" aria-hidden="true" class="sui-close">×</button>
            <div class="modal-body">
                <p style="text-align: center;font-size: 16px">请假条</p>

                <p>尊敬的老师</p>

                <p>&nbsp;&nbsp;&nbsp;&nbsp;本人因学雷锋做好事原因请假,需要2016年4月1日至2016年4月3日请假,恳请批准.</p>

                <p style="text-align:right">请假人:张三</p>

                <p style="text-align:right">请假时间:2016-3-13</p>

            </div>
            <div class="modal-footer">
                <button type="button" data-ok="modal" class="sui-btn btn-primary btn-large">批准</button>
            </div>
        </div>
    </div>
</div>

</body>
</html>